<!--
 * @Author: Damon Liu
 * @Date: 2025-04-27 14:34:13
 * @LastEditors: Damon Liu
 * @LastEditTime: 2025-04-29 16:51:29
 * @Description: 
-->
<template>
  <a-tabs v-model:activeKey="activeKey">
    <a-tab-pane  key="today">
      <template #tab>
        <div class="custom-tab">今日日程</div>
      </template>
      <daily-schedule />  
    </a-tab-pane>
    <a-tab-pane  key="schedule">
      <template #tab>
        <div class="custom-tab">周行程</div>
      </template>
      <weekly-schedule />
    </a-tab-pane>
  </a-tabs>
</template>

<script setup>
import WeeklySchedule from './weeklySchedule.vue';
import DailySchedule from './dailySchedule.vue';
import { ref } from 'vue';

const activeKey = ref('today');

</script>

<style scoped>
.custom-tab {
  font-size: 16px;
  font-weight: bold;
  padding: 0 16px;
}
</style>

